<template>
  <div class="screen-recording-plugins">
    <header class="app-header">
      <h1>Electron 屏幕捕获工具</h1>
      <p>基于 electron-vite + Vue3 + Sass 开发</p>
    </header>

    <main class="app-content">
      <ScreenRecorder />
      <ScreenCapturer />
    </main>
  </div>
</template>

<script setup lang="ts">
import ScreenRecorder from './components/ScreenRecorder.vue'
import ScreenCapturer from './components/ScreenCapturer.vue'
</script>

<style lang="scss" scoped>
.screen-recording-plugins {
  height: 100%;
  overflow-y: auto;
  &::-webkit-scrollbar {
    display: none;
  }
}
</style>
